<!DOCTYPE html>
<html class="pixel-ratio-1 watch-active-state">
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
        <!-- Required meta tags-->

        <meta
            name="viewport"
            content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no, minimal-ui"
        />
        <meta name="apple-mobile-web-app-capable" content="yes" />
        <!-- Color theme for statusbar -->
        <meta name="theme-color" content="#2196f3" />
        <meta
            name="discription"
            content="帝心畅玩是一款集合了全网好玩的传奇、仙侠、页游、手游、小说、漫画、直播等休闲娱乐于一体的APP，致力于打造专业的移动游戏休闲娱乐平台"
        />
        <!-- Your app title -->
        <title>帝心畅玩</title>
        <link rel="shortcut icon" href="/favicon.ico" />
        <link rel="bookmark" href="/favicon.ico" type="imgde/x-icon" />
        <!-- Path to Framework7 Library CSS, Material Theme -->
        <link rel="stylesheet" href="./assets/css/framework7.material.css" />
        <link rel="stylesheet" href="./assets/css/animate.css" />
        <!-- Path to Framework7 color related styles, Material Theme -->
        <link rel="stylesheet" href="./assets/css/framework7.material.colors.css" />
        <link rel="stylesheet" href="./assets/vendor/icon/css/font-awesome.min.css" />
        <link rel="stylesheet" href="./assets/vendor/toastr/toastr.min.css?v=1" />
        <!-- Path to your custom app styles-->
        <link rel="stylesheet" href="./assets/css/my-app.css" />
        <style>
            #app {
                z-index: 0;
            }

            .pay-succ-bg {
                background-color: rgba(0, 0, 0, 0.6);
                position: fixed;
                top: 0px;
                left: 0px;
                right: 0px;
                bottom: 0px;
                z-index: 9000;
            }

            .dl-btn {
                background-color: #fff;
                border: #f90 1px solid;
                border-radius: 4px;
                color: #f90;
                padding: 4px 6px;
                font-size: 24px;
                display: block;
                text-align: center;
                display: block;
            }

            .share-arrow {
                z-index: 9001;
                width: 100%;
                padding: 6px;
                position: relative;
            }

            .share-arrow-icon {
                position: absolute;
                right: 30px;
                top: 30px;
            }

            .share-arrow i {
                position: relative;
            }

            .shara-text {
                padding: 10px;
                font-size: 12px;
                color: #f90;
                background-color: #fff;
                border: solid 2px #f90;
                border-radius: 8px;
                width: 140px;
                text-align: center;
                top: 60px;
                right: 30px;
                position: absolute;
            }

            .logo-layout {
                height: 250px;
                display: flex;
                justify-content: center;
                align-items: center;
            }

            .logo-layout img {
                width: 120px;
            }
        </style>
    </head>

    <body class="theme-orange ccb framework7-root">
        <!-- Views -->
        <div class="views hide" id="app">
            <div class="pay-succ-bg" v-show="iswx"></div>
            <div class="share-arrow" v-show="iswx">
                <div class="share-arrow-icon">
                    <i class="fa fa-2x fa-long-arrow-up color-orange animated infinite bounce"></i>
                </div>
                <div class="shara-text">
                    请点击右上角 <img height="20" src="./assets/imgs/wx_icon.png" /> 按钮，选择在浏览器打开进行下载
                </div>
            </div>
            <!-- view-main -->
            <div class="view view-main" data-page="register">
                <div class="pages navbar-fixed">
                    <!-- page-->
                    <div data-page="register" class="page navbar-fixed">
                        <div class="content-block">
                            <div class="list-block">
                                <ul>
                                    <li>
                                        <div class="text-center logo-layout">
                                            <img src="./assets/icon.png" />
                                        </div>
                                    </li>
                                </ul>
                            </div>
                        </div>

                        <!-- /End of Top Navbar-->
                        <div class="page-content">
                            <div class="content-block">
                                <form class="list-block inputs-list" method="post">
                                    <!--登录按钮-->
                                    <div class="sub_wrap">
                                        <div class="dl-btn" @click="downloadios()">IOS 下载</div>
                                    </div>
                                    <div class="sub_wrap">
                                        <div class="dl-btn" @click="downloadad()">Android 下载</div>
                                    </div>
                                </form>
                            </div>
                        </div>
                    </div>
                    <!-- End of page-->
                </div>
            </div>
        </div>
        <!-- Path to Framework7 Library JS-->
        <script type="text/javascript" src="./assets/js/lib/lodash.js"></script>
        <script type="text/javascript" src="./assets/js/lib/jquery-3.1.1.min.js"></script>
        <script type="text/javascript" src="https://cdn.bootcss.com/vue/2.5.9/vue.min.js"></script>
        <script type="text/javascript" src="./assets/vendor/toastr/toastr.min.js?v=1"></script>
        <script type="text/javascript" src="./assets/js/tools.js?v=1.2"></script>
        <script>
            function showPage() {
                $("#app").removeClass("hide");
            }

            function is_weixin() {
                var ua = window.navigator.userAgent.toLowerCase();
                return ua.match(/MicroMessenger/i) == "micromessenger";
            }

            var disInt = 60;
            var vm = new Vue({
                el: "#app",
                data: function() {
                    return {
                        // iswx: true,
                        iswx: is_weixin(),
                        has_err: false,
                        phone: "",
                        ph_clean_show: false,

                        sms: "",
                        dis_time: disInt,
                        sms_int: null,
                        sms_disable: false,
                        sms_err: false,
                        sms_clean_show: false,

                        password: "",
                        pwd_clean_show: false,
                        register_err: false,
                        was_register_err: false,
                        sms_token: "",

                        address: "",

                        pu: "",
                        go_page: "",

                        show_lock: false
                    };
                },
                methods: {
                    goBack() {
                        location.href = "register.html";
                    },
                    downloadios() {
                        // 这里ios
                        location.href = "https://35ff.vip/bJv8";
                    },
                    downloadad() {
                        // 这里安卓
                        location.href = "http://dixin.gebiw.cn/down/changwan.apk";
                    }
                },
                mounted: function() {
                    showPage();
                }
            });
        </script>
    </body>
</html>
